<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			.top {
				width: 100%;
			}

			.top_pic {
				height: 300px;
				background-image: url(img/help.jpg);
				background-repeat: no-repeat;
				margin: 0px auto;
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				border-bottom: 4px solid #5268EF;
			}

			.top_font {
				color: white;
				margin-left: 480px;
				padding-top: 150px;
			}

			body {
				background-color: #FAFAFA;
				overflow-x: hidden;
			}

			._back {
				display: inline-block;
				position: absolute;
				left: 30px;
				top: 12px;
				text-align: center;
				text-decoration: none;
			}

			._back img {
				width: 35px;
			}

			._back p {
				color: white;
				font-size: 14px;
			}

			._help_shade {
				width: 100%;
				height: 100%;
				background-color: black;
				background: rgba(0, 0, 0, 0.3);
			}

			.footer_all {
				width: 100%;
				background-color: #242335;
				/* margin-top: 75px; */
			}

			.footer {
				width: 1705px;
				height: 300px;
				background-color: black;
				margin: 0px auto;
				background-color: #242335;
			}

			.us {
				width: 980px;
				height: 300px;
				margin-left: 340px;
				position: relative;
			}

			.logo {
				width: 150px;
				height: 150px;
				/* background-color: aliceblue; */
				position: absolute;
				top: 50px;
				left: -38px;
			}

			.logo h1 {
				color: white;
				padding-top: 40px;
			}

			.second {
				width: 280px;
				height: 150px;
				/* background-color: aliceblue; */
				position: absolute;
				top: 50px;
				left: 250px;
			}

			.second img {
				width: 25px;
				display: block;
				margin-top: 25px;
			}

			.second {
				position: relative;
			}

			._aboutus p {
				color: white;
				margin-top: 25px;
				font-size: 14px;
			}

			._aboutus {
				position: absolute;
				top: -21px;
				left: 42px;
			}

			.third {
				width: 190px;
				height: 150px;
				/* background-color: aliceblue; */
				position: absolute;
				top: 42px;
				left: 654px;
				display: flex;
				flex-wrap: wrap;
			}

			.third p {
				color: white;
				font-size: 14px;
				margin-left: 15px;
			}


			.help_content {
				width: 100%;
			}

			.content_center {
				width: 1000px;
				height: 1200px;
				margin: -50px auto;
			}

			.top_button button {
				width: 210px;
				height: 41px;
				color: white;
				margin-right: -5px;
				margin-top: 9px;
				background: rgba(99, 123, 255, 0);
				border: none;
				border-radius: 5px;
			}



			.Hotissue {
				width: 100%;
				display: none;
			}

			.Policyagreement {
				margin-top: 60px;
				width: 100%;
				height: 700px;
				box-shadow: 5px 8px 32px #B6B5BC;
				display: none;
			}

			.Hotissue_1 {
				width: 100%;
				height: 220px;
				margin-top: 50px;
				border-radius: 10px;
				box-shadow: 0px 0px 4px #B6B5BC;
			}

			.Hotissue_1_top {
				height: 40%;
				width: 95%;
				border-bottom: 1.5px dashed #CBCBCB;
				margin: 0 auto;
			}

			.Hotissue_1_top p {
				color: #5167F0;
				padding-top: 35px;
				font-size: 16px;
			}

			.Hotissue_1_last {
				width: 95%;
				height: 60%;
				margin: 0 auto;
			}

			.Hotissue_1_last p {
				padding-top: 20px;
				font-size: 14px;
				color: #A1A1A1;
			}

			.Policyagreement_title img {
				width: 20px;
			}

			.Policyagreement_title h3 {
				display: inline-block;
			}

			.Policyagreement_title {
				width: 880px;
				height: 10%;
				border-bottom: 1px solid #ECECEC;
				margin: 0px auto;
				line-height: 80px;
			}

			.Policyagreement_content {
				width: 880px;
				height: 90%;
				/* background-color: #004444; */
				margin: 0px auto;
			}

			.Policyagreement_content p {
				color: #808080;
				font-size: 14px;
				line-height: 30px;
			}
			.Policyagreement_content h4{
				margin-top: 30px;
			}
		</style>
	</head>
	<body>
		<div class="top">
			<div class="top_pic">
				<div class="_help_shade">
					<div class="top_font">
						<h1>使用帮助</h1>
						<h2>Using help</h2>
						<a href="/" class="_back">
							<img src="img/back.png">
							<p>返回主页</p>
						</a>
					</div>
				</div>
			</div>
		</div>



		<div class="help_content">
			<div class="content_center">
				<div class="top_button">
					<button type="button" class="_button">热门问题</button>
					<button type="button" class="_button">政策协议</button>


					<div class="Hotissue">
						<div class="Hotissue_1">
							<div class="Hotissue_1_top">
								<p>:我在这拼车能确保安全吗？</p>
							</div>
							<div class="Hotissue_1_last">
								<p>本网站已通过支付卡产业数据安全标准PCI DSS，全面保障用户的资金、交易安全，本站“担保通”全程预定保障，拼车订住宿订餐厅都放心，相信可访问http://222.com/pel/查询</p>
							</div>
						</div>
						<div class="Hotissue_1">
							<div class="Hotissue_1_top">
								<p>:我在这拼车能确保安全吗？</p>
							</div>
							<div class="Hotissue_1_last">
								<p>本网站已通过支付卡产业数据安全标准PCI DSS，全面保障用户的资金、交易安全，本站“担保通”全程预定保障，拼车订住宿订餐厅都放心，相信可访问http://222.com/pel/查询</p>
							</div>
						</div>
						<div class="Hotissue_1">
							<div class="Hotissue_1_top">
								<p>:我在这拼车能确保安全吗？</p>
							</div>
							<div class="Hotissue_1_last">
								<p>本网站已通过支付卡产业数据安全标准PCI DSS，全面保障用户的资金、交易安全，本站“担保通”全程预定保障，拼车订住宿订餐厅都放心，相信可访问http://222.com/pel/查询</p>
							</div>
						</div>
						<div class="Hotissue_1">
							<div class="Hotissue_1_top">
								<p>:我在这拼车能确保安全吗？</p>
							</div>
							<div class="Hotissue_1_last">
								<p>本网站已通过支付卡产业数据安全标准PCI DSS，全面保障用户的资金、交易安全，本站“担保通”全程预定保障，拼车订住宿订餐厅都放心，相信可访问http://222.com/pel/查询</p>
							</div>
						</div>
					</div>
					<div class="Policyagreement">
						<div class="Policyagreement_title">
							<img src="img/agreement.png">
							<h3>政策协议</h3>
						</div>
						<div class="Policyagreement_content">
							<p>
								所提供的各项服务和内容的所有权和运作权均归本公司所有。如果您在本网站关联公司网站湖区他去哪儿提供的移动应用或软件上（访问，预定或使用
								物品们的产品或服务（以上统称为“服务”），便视为您接收了以下服务协议，请仔细阅读以下内容，如果您不同意以下任何内容，请立刻停止访问本网站
								服务。
							</p>


							<h4>一、协议总则</h4>
							<p>
                              1.本协议内容包括议正文、子频道各单项服务协议及其他已经发布的或将来可能发布的各类规则 ，包括但不限于隐私政策、免责声明、
							  只是产权声明、权力声明、旅游度假预定须知、旅图用户协议、个人账户协议等其他（“其他条款”）。如果本协议与“其他条款”有不一致
							  之处，则以“其他条款”为准。除另行明确声明外，任何提供的服务均受本协议约束。
							</p>
							<p>
								2.如制订、修改本协议及/或各类规则向用户提供基于互联网以及移动网络的相关服务的，应在本页面及其相应页面提前公布通知，您
								应该定期登录本页面及其他相关页面，了解最新的协议内容。变更后的协议和规则在本页面及相关页面公布后七天，将自动生效。如您不同意相关变更，
								应当立即停止访问或使用服务，若您在网站协议和规则变更七日后继续使用服务的，即表示您接收已经修订的协议和规则。
							</p> 
							<p>
								3.若您作为本网站的关联公司或合作公司的用户登录平台。访问本网站或使用本网站服务，即视为您同意本协议的所有条款及本网站公布的其他规则、
								说明草子哦指引。
							</p>
							<h4>二、用户权力</h4>
							<p>
								在您完成注册申请手续后，意味着您已获得本网站账户（用户名）的使用权。您应该提供及时、详尽及准确的个人资料，并不断跟新注册资料
								符合即使、详尽准确的要求。您应妥善保管您的账户（用户名）和密码，通过您的账户（用户名）和密码操作或实施行为，将视为您本人的行为
								，由您本人承担相应的责任和后果。如果您发现他人不当使用您的账户或有任何其他可能危及您的账户安全的情形时，您应当立即以书面，有效
								方式通知去哪儿，要求去哪儿，要求去哪暂停相关服务。再次，您理解本网站对您的请求采取行动需要合理时间，本网站对在采取行动前已经产生的后果（
								包括但不限于您的任何损失）不承担任何责任。
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>


		<div class="footer_all">
			<div class="footer">
				<div class="us">
					<div class="logo">
						<h1>logo</h1>
					</div>
					<div class="second">
						<img src="img/phone.png">
						<img src="img/mailbox.png">
						<img src="img/companyaddress.png">
						<div class="_aboutus">
							<p>2012-21325122</p>
							<p>121352135@163.com</p>
							<p>中国深圳市龙华去1208号2403</p>
						</div>
					</div>
					<div class="third">
          <a href="/tool/aboutus/aboutus.html">
            <p>关于我们</p>
          </a>
          <a href="/tool/aboutus/help.html">
            <p>新手上路</p>
          </a>
          <a href="/tool/aboutus/contact_us.html">
            <p>联系我们</p>
          </a>
          <a href="/tool/aboutus/greenhand.html">
            <p>使用帮助</p>
          </a>
          <a href="/tool/aboutus/partner.html">
            <p>合作伙伴</p>
          </a>
          <a href="/tool/index.html">
							<p>旅行工具</p>
						</a>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function() {
			$(".Hotissue").css({
				display: "block"
			});
			$("._button").eq(0).css({
				background: "rgba(99, 123, 255, 1)"
			});
			$("._button").eq(0).click(function() {
				$(".Hotissue").css({
					display: "block"
				});
				$(".Policyagreement").css({
					display: "none"
				});
				$("._button").eq(0).css({
					background: "rgba(99, 123, 255, 1)"
				});
				$("._button").eq(1).css({
					background: "rgba(99, 123, 255, 0)"
				});
			});
			$("._button").eq(1).click(function() {
				$(".Hotissue").css({
					display: "none"
				});
				$(".Policyagreement").css({
					display: "block"
				});
				$("._button").eq(1).css({
					background: "rgba(99, 123, 255, 1)"
				});
				$("._button").eq(0).css({
					background: "rgba(99, 123, 255, 0)"
				});
			});

		})
	</script>
</html>
